
<template>
    <div>
        <div id="main" style="width: 90%;height: 340px; margin-top: 50px;margin-left: 100px;"></div>
    </div>
</template>
<script>
    import * as echarts from 'echarts';
export default {

   methods: {
    //  getData(){
    //     this.$request({
    //         url: '/home/getHome',
    //         method: 'get'
    //     }).then(res => {
    //         this.Draw(res.data.orderNums)
    //     })
    //  },

     Draw(data){
      var  chartLine = echarts.init(document.getElementById('main'));

     
      var list = [];
      var listNum = [];

      data.forEach(item => {
          list.push(item.val)
          listNum.push(item.valName)
      })
// 指定图表的配置项和数据
var option = {
   title: {
   text: '7日订单',
 },
 tooltip: {
   trigger: 'axis'
 },
 legend: {
   left: 'right',
   data: ['订单数']
 },
 toolbox: {
   show: true,
 
 },
 calculable: true,
 xAxis: [
   {
     type: 'category',
     // prettier-ignore
     data: listNum
   }
 ],
 yAxis: [
   {
     type: 'value'
   }
 ],
 series: [
   {
     name: '订单数',
     type: 'bar',
     data: list,
   },
 ]
};

// 使用刚指定的配置项和数据显示图表。
   chartLine.setOption(option);
     }
   },



//     mounted() {
//      this.getData()
// },
}
</script>
<style>
    
</style>